<template>
  <div class="goods">
    <Tabs :text="text" />
    <router-view />
  </div>
</template>

<script>
import Tabs from "../../components/Tabs.vue";
export default {
  components: {
    Tabs,
  },
  data() {
    return {
      text: [
        {
          id: "1",
          textName: "商品列表",
          url: "/goods/commodity/commodityMsg",
        },
        {
          id: "2",
          textName: "采购管理",
          url: "/goods/purchase/purchaseMsg",
        },
        {
          id: "3",
          textName: "供应商管理",
          url: "/goods/supplier/supplierMsg",
        },
        {
          id: "4",
          textName: "仓库管理",
          url: "/goods/warehouse/warehouseMsg",
        },
        {
          id: "5",
          textName: "销售记录",
          url: "/goods/salesRecord",
        },
      ],
    };
  },
  methods: {},
};
</script>

<style>
* {
    margin: 0;
    padding: 0;
} 
.clear::after, .clear::before {
    content: '';
    display: table;
}
.clear::after {
    clear: both;
}
.goodsTopL {
  float: left;
  color: #6a7075;
}
.goodsTopR {
  float: right;
}
.searchItem {
  margin-top: 50px;
}
.footer {
  float: left;
  margin: 20px;
}
</style>

